/*
	Add By 12050231
*/
var viewPic = function(){
	var box = $("#ViewFullPic");
	var Pic = $("#FullPic").find("img");
	var thumb = $("#smallPic");
	var li = thumb.find("li");
	var num = $("#pic_count");
	var ul = thumb.find("ul");
	var len = li.length;
	var maskL = $("#FullPic").find(".maskL");
	var maskR = $("#FullPic").find(".maskR");
	var tbtn = box.find("p.up");
	var bbtn = box.find("p.down");
	var step = parseFloat(len / 6) == 1 ? 0 : parseInt(len / 6) ;
	var i = 0;
	var d = 0;
	num.find(".total").text(len);
	setTimeout(function(){
		if(Pic.width() < 800){
			Pic.animate({"margin-top" : 150});
			ul.find("img").css({"margin-top" : 5});
		}
	},100);
	return  {
		init : function(){
			var _this = this;
			$("#FullPic").hover(function(){
				maskL.toggle();
				maskR.toggle();
			})
			li.click(function(){
				var index = $(this).index();
				d = index;
				li.eq(index).addClass("cur").siblings().removeClass("cur");
				
				_this.loading(index);
				
				num.find(".cur").text(index + 1);
			});

			bbtn.click(function(){
				i++;
				if(i >= step){
					i = step;
				}
				_this.move(ul, i, 576);
			});
			tbtn.click(function(){
				i--;
				if(i <=0){
					i = 0;
				}
				_this.move(ul, i, 576)

			});

			maskR.click(function(){
				d++;
				if(d >= len){
					d = 0;
					if(i == step){
						i = 0;
					}else{
						i--;
					}
					_this.move(ul, i, 576);
				}
				if(d % 6 == 0 && d != 0){
					i++;
					_this.move(ul, i, 576);
				}
				
				li.eq(d).addClass("cur").siblings().removeClass("cur");
				num.find(".cur").text(d + 1);
				_this.loading(d);
			});
			maskL.click(function(){
				d--;
				if(d < 0 && d != 1){
					d = len - 1;
					i = step;
					_this.move(ul, i, 576);
				}

				if((d + 1) % 6 == 0){
					i--;
					_this.move(ul, i, 576);
				}
				num.find(".cur").text(d + 1);
				li.eq(d).addClass("cur").siblings().removeClass("cur");
				_this.loading(d);
			})
		},
		/**
		 * [move]
		 * @param  {[string]} box      [容器]
		 * @param  {[string]} i        [索引]
		 * @param  {[string]} distance [移动距离]
		 * @return {[type]}          [function]
		 */
		move : function(box ,i, distance){
			box.stop().animate({"margin-top" : -i * distance});
		},
		/**
		 * [loading 图片载入]
		 * @param  {[type]} index [索引]
		 * @return {[type]}       []
		 */
		loading : function(index){
			var src = li.eq(index).find("img")[0].src;
			var img = new Image();
			$("#FullPic").addClass("loading");
			$(img).load(function(){
				Pic.attr("src", src.slice(0, src.length - 4) + "f.jpg").hide().fadeIn();
				$("#FullPic").removeClass("loading");
			}).attr("src", src.slice(0, src.length - 4) + "f.jpg");	
		}
	}

}


$(function(){
	viewPic().init();

})